<div class="modal fade in ip-box" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="newlyAdded">
        <div class="modal-dialog " role="document" style="margin: 254px auto;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">IP规则管理 — 新增</h4>
                </div>
                <div class="modal-body">
                    <form name="newlyAddedForm">

                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right" for="dhName">IP规则名称:</label>
                            <div class="col-xs-12 col-sm-9">
                                <input type="text" 
                                	   name="ruleName" 
                                	   class="form-control" 
                                       autocomplete="off" 
                                	   required
                                       ng-model="newlyAdded_ruleName"
                                	   >
                                <label class="red required">*</label>
                                <div class="error" ng-show="newlyAddedForm.ruleName.$dirty &amp;&amp; newlyAddedForm.ruleName.$invalid">
                                    <small class="error" ng-show="newlyAddedForm.ruleName.$error.required">请输入IP规则名称</small>
                                </div>
                            </div>
                        </div>
						
						<div class="form-group height-auto">
							
							<div class="form-group height-auto">
	                            <label class="col-xs-12 col-sm-3 control-label text-right" for="dhName">优先级:</label>   
	                            <div class="one-line col-xs-12 col-sm-3">
	                                <select name="sortIndex" 
                                            required 
                                            ng-model="newlyAdded_sortIndex"
                                            >
	                                    <option id="" value="">请选择</option>
	                                 	<option id="" value="0">高</option>
	                                 	<option id="" value="1">中</option>
	                                 	<option id="" value="2">低</option>
	                                </select>
                                    <div class="error" ng-show="newlyAddedForm.sortIndex.$dirty &amp;&amp; newlyAddedForm.sortIndex.$invalid">
                                        <small class="error" ng-show="newlyAddedForm.sortIndex.$error.required">请选择优先级</small>
                                    </div>
	                            </div>

	                            <label class="one-line col-xs-12 col-sm-3 control-label text-right" for="dhName">规则模式:</label>   
	                            <div class="col-xs-12 col-sm-3">
	                                <select name="ruleMode" 
                                            required 
                                            ng-model="newlyAdded_ruleMode"
                                            >
	                                 	<option id="" value="">请选择</option>
	                                 	<option id="" value="0">禁止</option>
	                                 	<option id="" value="1">允许</option>
	                                </select>
                                    <div class="error" ng-show="newlyAddedForm.ruleMode.$dirty &amp;&amp; newlyAddedForm.ruleMode.$invalid">
                                        <small class="error" ng-show="newlyAddedForm.ruleMode.$error.required">请选择规则模式</small>
                                    </div>
	                            </div>
	                        </div>

						</div>
							

                        <div class="form-group height-auto">
                            <label class="col-xs-12 col-sm-3 control-label text-right" for="dhName">是否启用:</label>   
                            <div class="col-xs-12 col-sm-9">
                                <select name="enabled" 
                                        required 
                                        ng-model="newlyAdded_enabled"
                                        >
                                 	<option id="" value="">请选择</option>
                                 	<option id="" value="0">禁用</option>
                                 	<option id="" value="1">启用</option>
                                </select>
                                <div class="error" ng-show="newlyAddedForm.enabled.$dirty &amp;&amp; newlyAddedForm.enabled.$invalid">
                                    <small class="error" ng-show="newlyAddedForm.enabled.$error.required">请选择是否启用</small>
                                </div>
                            </div>
                        </div>

                        <div class="form-group height-auto">
                            <label class="col-xs-12 col-sm-3 control-label text-right">IP表达式:</label>
                            <div class="col-xs-12 col-sm-9">
                                <textarea rows="5" 
                                		  type="text" 
                                		  name="expression" 
                                		  class="form-control ng-pristine ng-valid ng-touched" 
                                          ng-model="newlyAdded_expression"
                                		  >                                    
                                </textarea>
                            </div>
                        </div>
                        
                    </form>

                    <div class="col-sm-12">
	                    <div class="modal-footer">
	                        <button type="button" 
                                    class="btn btn-primary" 
                                    data-dismiss="modal" 
                                    ng-disabled="newlyAddedForm.$invalid"
                                    ng-click="submitNewlyAdded()" 
                                    >新增
                            </button>
	                    </div>
                    </div>

                    <div class="ip-page col-sm-12">
                    	<h5>
                    		<strong>IP表达式说明</strong>
                    	</h5>
                    	<p>1、xxx.xxx.xxx.xxx (一个确定的IP地址)。</p>
                    	<p>2、使用 '|' 隔开每个IP子表达式。</p>
                    	<p>3、IP段设置。 例如，'10.1' 表示所有以 '10.1.'开头的IP地址，如10.1.1.0 和 10.1.0.1 ,而不是 '10.12.1.1'。</p>
                    	<p>4、使用 '-' 来设置一个IP范围。例如, '222.111-222.113'，比如包括 222.111.0.1,222.112.0.2, ...,222.113.0.254。</p>
                    	<p>5、使用 '!'来排除IP地址。例如，'!222.111-222.113'，比如不包括 222.111.0.1,222.112.0.2, ...,222.113.0.254。</p>
                    	<p>6、使用 '*' 来包含所有的IP地址。</p>
                    	<p>7、使用 '!*' 来排除所有的IP地址。</p>
                    	<p>8、'xxx.xxx' 等同于 'xxx.xxx.' 等同于 'xxx.xxx.*'</p>
                    </div>

                </div>
            </div>
        </div>
    </div>